<link href="../core/resource/css/pc.css?v=20190513" rel="stylesheet">
<style type="text/css">
body{
	background: rgba(24,38,41, 0.7);
}
.container-index {
    max-width: 1210px;
    margin: 0 auto;
    padding: 0!important;
}
.register-container{
	width:100%;
	height: 100%;
	position: absolute;
}
.hero-wrap .slider-text {
    height: 800px;
    z-index: 0;
    overflow: hidden; }
    @media (max-width: 991.98px) {
      .hero-wrap .slider-text {
        text-align: center;
        height: 900px; } }
    .hero-wrap .slider-text .subheading {
      color: #000000;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 4px;
      text-transform: uppercase;
      display: inline-block;
      color: #000000; }
    .hero-wrap .slider-text .text {
      position: relative;
      z-index: 1; }
    .hero-wrap .slider-text h1 {
      font-size: 54px;
      color: #fff;
      line-height: 1.2;
      font-weight: 400; }
      .hero-wrap .slider-text h1 span {
        font-weight: 700; }
      @media (max-width: 991.98px) {
        .hero-wrap .slider-text h1 {
          font-size: 50px; } }
      @media (max-width: 767.98px) {
        .hero-wrap .slider-text h1 {
          font-size: 40px; } }
    .hero-wrap .slider-text p {
      color: rgba(255, 255, 255, 0.8);
      font-weight: 400; }
      .hero-wrap .slider-text p .number {
        color: #fdab44; }
    .hero-wrap .slider-text .btn-custom {
      color: #fff;
      background: #206dfb;
      padding: 10px 20px; }
  .hero-wrap.hero-wrap-2 {
    height: 400px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media (max-width: 1199.98px) {
      .hero-wrap.hero-wrap-2 {
        background-position: top center !important; } }
    .hero-wrap.hero-wrap-2 .slider-text {
      height: 400px !important; }
      @media (max-width: 991.98px) {
        .hero-wrap.hero-wrap-2 .slider-text {
          text-align: center;
          height: 400px !important; } }
.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }
.ftco-search {
  position: relative;
  width: 100%;
  display: block; }
  .ftco-search .nav-pills {
    display: inline-block; }
    .ftco-search .nav-pills p {
      margin-bottom: 0; }
    .ftco-search .nav-pills .nav-link {
      padding: 10px 30px !important;
      border-radius: 0;
      margin-bottom: 0;
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      position: relative;
      display: inline-block;
      border: 1px solid transparent;
      background: #fdab44;
      margin: 0 auto;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .ftco-search .nav-pills .nav-link.active, .ftco-search .nav-pills .nav-link:hover {
        color: #000000;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border: 1px solid transparent;
        background: white;
        background: #fff; }
        .ftco-search .nav-pills .nav-link.active:after, .ftco-search .nav-pills .nav-link:hover:after {
          opacity: 1; }
        @media (max-width: 767.98px) {
          .ftco-search .nav-pills .nav-link.active:after, .ftco-search .nav-pills .nav-link:hover:after {
            opacity: 0; } }
      @media (max-width: 767.98px) {
        .ftco-search .nav-pills .nav-link {
          margin-bottom: 5px; } }
  .ftco-search .tab-content {
    background: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    margin-top: -9px; }
.search-job .form-group {
  position: relative;
  margin-bottom: 0; }
  @media (max-width: 767.98px) {
    .search-job .form-group {
      margin-bottom: 10px; } }
  .search-job .form-group label {
    font-weight: 400;
    font-size: 16px;
    color: #000000; }
  .search-job .form-group .form-field {
    position: relative;
    display: block; }
  .search-job .form-group .form-control {
    padding-left: 33px;
    display: block;
    width: 100%;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7) !important;
    background: white !important; }
    .search-job .form-group .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(0, 0, 0, 0.7) !important; }
    .search-job .form-group .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(0, 0, 0, 0.7) !important; }
    .search-job .form-group .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(0, 0, 0, 0.7) !important; }
    .search-job .form-group .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(0, 0, 0, 0.7) !important; }
    .search-job .form-group .form-control.btn {
      padding: 0 !important;
      font-size: 16px;
      color: #fff !important;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .search-job .form-group .form-control.btn.btn-primary {
        background: #206dfb !important; }
  .search-job .form-group .select-wrap {
    position: relative; }
    .search-job .form-group .select-wrap select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
  .search-job .form-group .icon {
    position: absolute;
    top: 51%;
    left: 10px;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #d9d9d9; }

.intro h2 {
  font-weight: 700; }

.intro img {
  margin: 0 auto; }
.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }
.col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; 
 }
 .hero-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .8;
    background: #000000;
    background: #207dff;
    background: -moz-linear-gradient(left, #207dff 0%, #a16ae8 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #207dff), color-stop(100%, #a16ae8));
    background: -webkit-linear-gradient(left, #207dff 0%, #a16ae8 100%);
    background: -o-linear-gradient(left, #207dff 0%, #a16ae8 100%);
    background: -ms-linear-gradient(left, #207dff 0%, #a16ae8 100%);
    background: -webkit-gradient(linear, left top, right top, from(#207dff), to(#a16ae8));
    background: linear-gradient(to right, #207dff 0%, #a16ae8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207dff', endColorstr='#a16ae8', GradientType=1 ); 
}
.form-control {
	display:block;
	width:100%;
	height:55px;
	padding:12px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ddd;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.col-md {margin-left:15px;margin-right:15px;}
</style>
<div class="register-container container hero-wrap img" style="min-height:100%;background:url( {{tomedia(pagedata.set.loginbg) || '../addons/jy_peiedu/images/bj.jpg'}});">
<div class="overlay"></div>
	<div class="container-index">
		<div class="row d-md-flex no-gutters slider-text align-items-center justify-content-center" style="width:900px;margin:0 auto">
				<div class="col-md-10 d-flex align-items-center ftco-animate fadeInUp ftco-animated" style="width:900px;">
					<div class="text text-center pt-5 mt-md-5" style="margin-top:100px">
						<h1 class="mb-5">证书内容</h1>
						<div class="ftco-search my-md-5">
							<div class="row">
								<div class="col-md-12 nav-link-wrap">
									<div class="nav nav-pills text-center" role="tablist">
										<a class="nav-link mr-md-1 active">学员查询</a>
									</div>
								</div>
								<div class="col-md-12 tab-wrap">
									<div class="tab-content p-4" id="v-pills-tabContent">
										<div class="tab-pane" style="display: block;">
											<div class="search-job">
												<div class="row">
													<div class="col-md" style="width:35%">
														<div class="form-group">
															<div class="form-field">
																<div class="icon" style="left: 5px;">
																	<span class="icon icon-jingshi"></span>
																</div>
																<input type="text" class="form-control" name="sn" ng-model="pagedata.post.sn" maxlength="15" placeholder="请输入培训证书编号">
															</div>
														</div>
													</div>
													<div class="col-md" style="width:35%">
														<div class="form-group">
															<div class="form-field">
																<div class="icon" style="left: 5px;">
																	<span class="icon icon-bussinesscard"></span>
																</div>
																<input type="text" class="form-control" name="codenumber" ng-model="pagedata.post.codenumber" maxlength="18" placeholder="请输入身份证号码">
															</div>
														</div>
													</div>
													<div class="col-md">
														<div class="form-group" style="width:135px">
															<div class="form-field">
																<button type="button" class="form-control btn btn-primary" ng-click="post(pagedata.post,'/cha/post/');">查询</button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
		</div>
    </div>
	<div ng-include="sys_html('_footer')"></div>
</div>
<script>
</script>
